@charset "utf-8";

/* reset Code */
html, body, object, iframe,
h1, h2, h3, h4, h5, h6, p,img,strong, sub, sup,dl, dt, dd, ol, ul, li,form, label, legend,
table, caption, tr, th, td, hr { padding:0; margin:0; font-size:12px; line-height:100%; font-family:Arial, sans-serif;}
table {border-collapse:collapse;border-spacing:0; width:100%;}

ul, ol { list-style:none;}
textarea {border: 1px solid #ccc; }
.clearfix:after, ul:after ,ol:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
*html .clearfix{height:1%;}
.clearfix {display:block;}
.clear {clear:both;}
.bold { font-weight:bold;}
.m-h10 { margin:10px 0;}
.m-h15 { margin:15px 0;}
.m-h20 { margin:20px 0;}
.m-t15 { margin-top:15px;}
.m-b15 { margin-bottom:15px;} 
.m-r15 { margin-right:15px;} 

a:link     { color:#3B5998 ; text-decoration:none; }
a:visited { color:#3B5998; text-decoration:none; }
a:hover   { text-decoration:underline; }
a:active  { color:#6c6c6c; }

a img { border:none;}
.left { float:left;}
.right { float:right;}

/*公共*/
h1 { font-size:18px;}
h3 { font-size:16px;}
input.text { border:1px solid #ccc;}
input.shortText { border:1px solid #ccc; width:120px;}
hr.line { border:none; border-bottom:2px solid #ADB7CA; height:2px; overflow:hidden;}
.Hbtn {border:none; text-align:center; background-color:#3B5998; color:#fff;padding:2px 1.5em;}
.btn {border:1px solid #3B5998; text-align:center; background-color:#DFEAF4; color:#3B5998;}
.notice { text-align:center; color:#3B5998; padding:30px 0;}
.s_notice {padding:20px 30px; font-size:14px;  line-height:22px; color:#A82400;}
.error { color:#A82400;}
.red { color:red;}
.ava { border:1px solid #ccc; padding:1px; width:96px;}
.smallAva { border:1px solid #ccc; padding:1px; width:48px; height:48px;}
.miniAva {  width:32px; height:32px;}
.Rmore { float:right; font-size:12px; line-height:22px;}
.star { color:#ffcc00; }
.grid_1,.grid_2,.grid_3,.grid_4{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	}
.grid_1 { width:100px;}
.grid_2 { width:410px;}
.grid_3 { width:155px;}
.grid_4 { width:355px;}

body { background:#fff url('../images/bg.png') repeat-x; color:#666666;}
.wrap {width:960px; margin:0 auto;}
.header {height:90px;}
.headerCont {height:40px;background:#505759; }
.headerCont ul.nav {float:right; width:725px; height:40px; padding-right:19px; }
.headerCont ul.nav li { float:left;width:70px;line-height:56px;}
.headerCont ul.nav li a { font-weight:bold; color:#ccc; }
.headerCont ul.nav li.selected a { color:#fff;}
.headerCont ul.nav li a:hover {text-decoration:none;}


li.itemHover { background:#3d5b74 !important;}
.headerCont h1.logo { width:80px; text-align:center; height:32px; overflow:hidden; float:left; margin:8px 0 0 10px; _margin-left:5px;background:#A82400;}
.headerCont h1.logo a { font-size:16px; font-weight:bold; line-height:32px; color:#fff;}
.headerCont h1.logo a:visited { color:#fff;}
.subNav { clear:both; height:50px;}
.subNav ul { padding-top:10px; display:none;}
.subNav ul li { float:left; margin-right:1.2em;}
.subNav ul li a {display:block; padding:4px 10px;border:1px solid #fff;}
.subNav ul li a.active{ border:1px solid #aaa; background:#333; color:#fff;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
#myPage { padding-left:100px;}
#gamePage {}
#groupPage {}

.leftCol { width:550px; float:left; padding-left:10px;}
.rightCol { width:300px; float:right;}
.tags { margin:20px 0 10px;}
.tags p { margin-bottom:10px;}
.tags a { display:inline-block;height:20px; text-align:center; line-height:20px; float:left; margin-right:2em;}
.tags a.active {background:#3B5998; color:#fff; padding:0 1em; 
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;}

.tabs { margin:20px 0 10px;}
.tabs p { margin-bottom:10px;}
.tabs a { display:inline-block;height:20px; text-align:center; line-height:20px; float:right; margin-right:2em;}
.tabs a.active {background:#3B5998; color:#fff; padding:0 1em; 
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;}
.simpleSearch { padding:0 0 10px;}
.simpleSearch input.text { height:20px; padding:2px; font-size:14px; width:432px;}
.simpleSearch input.Hbtn { height:26px;vertical-align:top; font-size:14px; margin-left:5px;}

.gameList li { border-bottom: 1px dashed #ddd; padding:0 0 10px; margin-bottom:15px;}
.gameList h3 { font-size:14px; margin:0 0 5px;}
.gameList div { margin:15px 0 0;}
.gameList div img {float:left; width:96px; border:1px solid #aaa;}
.gameList div p {margin-left:110px;}
.gameList div p span { display:block; height:20px;}

.userList li { border-bottom: 1px dashed #ddd; padding:0 0 10px; margin-bottom:15px;padding-left:110px;}
.userList li img.ava { margin-left:-110px;-margin-left:-55px;float:left;}
.userList dt { font-size:14px; margin:0 0 5px;}
.userList dd.time { float:right; margin-right:2em;}
.userList dd.concern { float:right}
.userList p { padding:8px 0;}

.groupList li { border-bottom: 1px dashed #ddd; padding:0 0 10px; margin-bottom:15px;padding-left:60px;}
.groupList li img.groupAva { margin-left:-60px;-margin-left:-30px;float:left;border:1px solid #ccc; padding:1px; width:48px;}
.groupList dt { font-size:14px; margin:0 0 5px;}
.groupList dd.time { float:right; margin-right:2em;}
.groupList dd.concern { float:right}
.groupList p { padding:8px 0;}

.gameList img.ava {float:left;}

.groups li { width:32%; float:left; text-align:center; margin-bottom:20px;}
.gameShareList li { width:110px; height:120px; float:left; }
.gameShareList li img { width:96px; height:96px; border:1px solid #999; padding:1px;}
.gameShareList li a:hover img { border:1px solid #3B5998;}

.platformGameList { margin-bottom:5px;}
.platformGameList li { width:100px; text-align:center; height:150px; float:left; margin:0 10px 0 0;}
.platformGameList li img { width:96px; height:96px; border:1px solid #999; padding:1px;}
.platformGameList li a:hover img { border:1px solid #3B5998;}
.platformGameList p { line-height:18px;}
.myShareList { width:100%; }
.myShareList td { padding: 8px 2px; border-bottom:1px dotted #ccc;}

.activityList li { border-bottom:1px dashed #ccc; padding:10px 0;}
.activityList li p { margin-bottom:10px;}
.activityList li img.smallAva,.activityList li img.ava  { float:right;}

.webList li { border-bottom: 1px dashed #ddd; padding:0 0 10px; margin-bottom:15px;padding-left:60px;}
.webList li img.ava { margin-left:-60px;-margin-left:-30px;float:left; margin-right:10px;}
.webList li div.info { float:left;}
.webList dt { font-size:14px; margin:0 0 5px;}
.webList dd.digg { float:right; margin-right:2em;}
.webList dd.reply { float:right}
.webList p { padding:0 0 5px 0; line-height:18px;}

.rightcolWebList li { border-bottom: 1px dashed #ddd; padding:0 0 10px; margin-bottom:15px;}
.rightcolWebList dt { font-size:14px; margin:0 0 5px;}
.rightcolWebList dd.digg { float:right; margin-right:2em;}
.rightcolWebList dd.reply { float:right}
.rightcolWebList p { padding:5px 0 5px 0;}

.mygameList li { border-bottom: 1px dashed #ddd; padding:0 0 10px; margin-bottom:15px; }
.mygameList li div.grid_1 { text-align:center;}
.mygameList li div.grid_1 p { line-height:22px; }
.mygameList li div.grid_1 p.star { color:#FFCC00; }
.mygameList h3 { font-size:14px; margin:0 0 10px;}
.mygameList div.grid_1 img { width:96px; border:1px solid #aaa;}
.mygameList div p span { display:block;line-height:22px;}

.newgameList li { border-bottom: 1px dashed #ddd; padding:0 0 10px; margin-bottom:15px; width:50%; float:left;}
.newgameList h3 { font-size:14px; margin:0 0 5px;}
.newgameList div { margin:15px 0 0;}
.newgameList div img {float:left; width:96px; border:1px solid #aaa;}
.newgameList div p {margin-left:110px;}
.newgameList div p span { display:block; height:20px;}

.gameReply { margin-bottom:20px;}
.gameReply p { line-height:22px;}
.gameReply .replyNum { border:1px solid #8fb6d8; padding:5px; background:#c0d6e9; height:32px; width:32px; color:#fff; font-weight:bold; text-align:center;}
.gameReply td { padding:10px 5px; border-bottom:1px dashed #ccc;}

.gameDetails li { padding:4px 0; clear:both;}
.gameDetails li:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.gameDetails .grid_3 p { line-height:22px; text-align:center;}
.gameDetails li label { display:block; width:70px; text-align:right; float:left;}
.gameDetails li span { display:block; width:280px; float:left;}
.gamePic { border:1px solid #ccc; padding:2px; width:150px;}

.postShare { padding:20px 10px; border:3px solid #adc9e4; background:#e5ecf3;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
.postShare .smallAva { float:left; margin:0 10px 0 0;}
.postShare p { float:left;}
.postShare .text { width:450px; height:20px; margin-bottom:4px;border:1px solid #adc9e4;}

.commonList { margin-top:15px;}
.commonList .item { background:#e5ecf3; margin-bottom:2px; padding:6px; padding-left:52px;}
.commonList .item .miniAva { float:left; margin-left:-45px; -margin-left:-22px;}
.commonList .item p { float:left; width:420px;}
.commonList .item textarea { width:100%; height:40px;}

.collectGame { padding:20px 10px; border:3px solid #95a3bb; background:#f5f7fa;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
.doCollect { border-bottom:1px dashed #ccc; }
.doCollect a { border:1px solid #8da4d3; background:#dfeaf4; padding:3px 10px; margin-right:6px;}	
.doCollect a:hover { background:#3b5998; color:#fff;text-decoration:none; border:1px solid #3b5998;}
.myComment {border-bottom:1px dashed #ccc; border-top:1px dashed #ccc; padding:5px 0; }
.myComment span { color:#ffcc00;}
.myComment p { padding:5px 0; }
.rank .highLight { color:#ffcc00; }
.rank li { clear:both;padding:6px 0;}
.rank .stars { width:75px; float:left;}
.rank .voteNum { width:180px; float:left;}
.rank .voteNum .slide { float:left; height:10px; background:#99ccff; display:block; margin-right:5px;}

.whoPlaying li { border-bottom:1px dashed #ccc; padding:8px 0 8px 60px;}
.whoPlaying .userInfo { margin-left:-60px; -margin-left:-30px; float:left; text-align:center;}
.whoPlaying .gameInfo { float:left;}
.whoPlaying .gameInfo p { margin-bottom:8px;}
.personLove li { width:80px; float:left; line-height:22px;}
.editors li { line-height:22px;}
.editors li a {margin-right:1em;}

.allGroupList li { width:25%; float:left; border-bottom: 1px dashed #ccc; padding-bottom:10px; margin-bottom:10px;}
.allGroupList li img { float:left; margin-right:5px;}
.allGroupList li span a { display:block; height:30px; margin-right:5px; overflow:hidden;}

.groupDetails { border:1px solid #999; background:#adb7ca; color:#000; padding:10px;}
.groupDetails img.ava { border:1px solid #eee; float:left; margin-right:10px;}
.groupDetails .b { border-top: 1px dashed #ddd;padding:10px 0 0;}
.paginator {
    list-style: none outside none;
    padding: 0 0 10px;
    white-space: nowrap;
	clear:both;
}
.paginator li {
    display: inline;
    margin: 0 1px;
}
.paginator li.current {
    font-weight: bold;
    margin: 0 6px;
}
.paginator li a {
    border: 1px solid #BBBBBB;
    padding: 3px 6px 4px;
    text-decoration: none;
}
form.box li {margin:10px 0; clear:both;}
form.box li label {
    display: block;
    float: left;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    padding-right: 1em;
    text-align: right;
    vertical-align: middle;
    width: 7em;
}
form.box li span { display:block; float:right; width:215px; padding-top:6px;}
form.box li input.text {
	width:220px; 
	border: 1px solid #ccc;
    height: 16px;
    margin-right: 10px;
    padding-top: 4px;
    vertical-align: middle;
}
form.box li input.shortText {
	width:120px; 
	border: 1px solid #ccc;
    height: 16px;
    margin-right: 10px;
    padding-top: 4px;
    vertical-align: middle;
}
form.box li textarea {width:320px;}
form.box input.Hbtn {margin:20px 15px 0 96px; }


form.gameBox { min-height:200px;}
form.gameBox li {padding:10px 0; clear:both;}
form.gameBox li label {
    display: block;
    float: left;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    padding-right: 1em;
    text-align: right;
    vertical-align: middle;
    width: 7em;
}
form.gameBox li span { display:block; float:right; width:215px; padding-top:6px;}
form.gameBox li p { display:block; float:left; line-height:26px;}
form.gameBox li input.text {
	width:220px; 
	border: 1px solid #ccc;
    height: 16px;
    margin-right: 10px;
    padding-top: 4px;
    vertical-align: middle;
}
form.gameBox li input.shortText {
	width:120px; 
	border: 1px solid #ccc;
    height: 16px;
    margin-right: 10px;
    padding-top: 4px;
    vertical-align: middle;
}
form.gameBox li textarea {width:320px;}
form.gameBox input.Hbtn {margin:20px 15px 0 96px; }

.footer { border-top:5px solid #d1d8dc;margin-top:20px;}

.aboutLinks {text-align:center; margin:10px 0; }
.aboutLinks p {line-height:22px;}
.aboutLinks p a,.aboutLinks p a:visited { color:#1e4262;}